<template>
	<div>
		<el-container style="height: 100vh" direction="vertical">
			<my-header />
			<el-container style="background-color: #ededed">
				<my-aside />
				<my-main />
			</el-container>
		</el-container>
	</div>
</template>
<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import Aside from '@/layouts/Aside.vue';
import Main from '@/layouts/Main.vue';
import Header from '@/layouts/Header.vue';

@Options({
	components: {
		'my-aside': Aside,
		'my-main': Main,
		'my-header': Header
	}
})
export default class Home extends Vue {}
</script>
<style lang="scss">
@import '~@/assets/scss/common/webform.scss';
.el-tabs--border-card > .el-tabs__content {
	height: calc(100% - 40px);
	padding: 0px;
}
.el-menu .is-active {
	color: #ffffff !important;
}
</style>
